<template>
	<view class="content">
		<view class="view-center">
			<text>{{ title }}</text>
			<input class="uni-input" placeholder="请输入支付密码" @input="onKeyPassInput" />
			<input class="uni-input" placeholder="请支付确认密码" @input="onKeySurePassInput" />
			<input class="uni-input" type="number" placeholder="请输入验证码" @input="onKeyPhoneCodeInput" />
			<button class="mini-btn" type="primary" size="mini" @click="sureChange()">确认</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: '找回密码',
			password: 0,
			surePassword: 0,
			phoneCode: 0
		};
	},
	methods: {
		onKeyPassInput(event) {
			this.password = Number(event.target.value || 0);
		},

		onKeySurePassInput(event) {
			this.surePassword = Number(event.target.value || 0);
		},

		onKeyPhoneCodeInput(event) {
			this.phoneCode = Number(event.target.value || 0);
		},

		sureChange() {
			
		}
	}
};
</script>

<style>
.view-center {
	margin: 0 auto;
}
</style>
